<div id="content" ng-init="init()">

	<table>
	  <tr>
	    <td>Year</td>
	    <td> <select ng-model="year" ng-options="y for y in years" required ng-change="change()" /></td>
	  </tr>
	  <tr>
	    <td>Month</td>
	    <td><select class="month" ng-model="month" ng-options="m.name for m in months" required ng-change="change()" /></td>
	  </tr>
	</table>
	<br />
	
	<table class="table-cal" border="1">
		<tr ng-repeat="week in weeks">
			<td ng-repeat="d in week.days" class="day day-{{d.type}}" ng-click="dayClick(d)">{{d.name}} {{d.dayOfMonth}}</td>
		</tr>
	</table>
  	<p align="right">
        <b>Total working days: {{totalWorking()}}</b>
    </p>

    <hr width="50%">
  <form ng-submit="save()">
    <input class="button-form" type="submit" value="Save" />
  </form>
    <hr width="50%">

    <table>
        <tr><td class="day-off">A Week end day</td></tr>
        <tr><td class="day-full">A Working day</td></tr>
        <tr><td class="day-half">A Half (1/2) working day</td></tr>
        <tr><td class="day-none">A day off</td></tr>
    </table>
    
    <hr />
    <div class="log">{{log}}</div>
    

</div>

